<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../js/echarts.js"></script>
</head>
<body>
<!--<script src="../plugins/echarts/echarts.js"></script>-->
<!--2  定义一个具有宽与高的div作为容器-->
<div id="container" style="height: 500px; width: 500px"></div>
<script>
    //3  初始化一个echarts对象
    var myEchart=echarts.init(document.getElementById("container"));
    //4   定义一个数据项
    var option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow' 阴影
            }
        },
        xAxis: {
            type: 'category',
            data: ['111', '222', '33', '44', '55', '66', '77']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [120, 380, 150, 80, 70, 110, 130],
            type: 'line'   //bar  柱状图    line拆线图
        }]
    };
    //5  设置数据项
    myEchart.setOption(option);
</script>
</body>
</html>